<!--
 * @Description: React
 * @Author: rendc
 * @Date: 2022-06-14 14:43:44
 * @LastEditors: rendc
 * @LastEditTime: 2022-06-14 15:44:59
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>React</title>
  <!-- 加载 React。-->
  <!-- 注意: 部署时，将 "development.js" 替换为 "production.min.js"。-->
  <script src="https://unpkg.com/react@17/umd/react.development.js"></script>
  <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
  <!-- 加载我们的 React 组件。-->
  <script src="./babel.min.js"></script>
</head>

<body>
  <div id="app">
  </div>
  <div id="app1">
  </div>
  <div id="root">
  </div>
  <script src="like_button.js"></script>
</body>
<script type="text/babel">
  function myTime() {
    const element = 
    (<div>
      <h1>Hello，World</h1>
      <h2>当前时间是 {new Date().toLocaleTimeString()} </h2>
      <h2> { 2+2} </h2>
    </div> );
    ReactDOM.render(
      element,
      document.getElementById('root')
    )
}
setInterval(() => {
  myTime()
}, 1000);
</script>

</html>